<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <!--插值表达式
          js===>dom
          dom==>js  数据的双向绑定

          v-model="message": 得到message的值，并且把表单的值赋值给message
         -->
        {{message}}

        <H1>methods和computed的区别
            1)调用的区别  methods:需要加括号  computed: 不需要
            2)methods：每次都会调用，computed有缓存，属性没有变更，会返回上次的结果
        </H1>
        methods:{{now1()}}
        computed:{{now2}}
    </div>


    <script>
       // document.getElementById("app").innerHtml="";

        //1,构建Vue实例
        var app =  new Vue({
            el:"#app",//容器的id
            data:{ //定义数据
                message:"helloworld!!"
            },
            methods:{
                now1(){
                    return Date.now();//系统当前时间毫秒
                }
            },
            computed:{
                now2(){
                    return Date.now();
                }
            }
        });

    </script>

</body>
</html>